<template>
  <div class="home">
    <el-container>
      <el-header class="top-box">
        <el-row :gutter="24">
          <el-col :span="18">
            <img class="login" src="../assets/logo.png"></el-col>
          <el-col :span="6">
            <div class="info-box">
              <span>Alex</span>
              <el-button class="tui-chu" type="text">退出</el-button>
            </div>
          </el-col>
        </el-row>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <div>

          </div>
        </el-aside>
        <el-main>Main</el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: 'Home',
  components: {}
}
</script>
<style lang="scss" scoped>

.top-box {
  background-color: #efefef;
  padding: 5px;

  .login {
    width: 50px;
  }

  .info-box {
    text-align: right;
    .tui-chu{
      color: lightskyblue;
      margin-left: 10px;
    }
  }
}
</style>
